<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
<!--能看到的都写在这里-->
<h1>上海一级标题</h1>
<h2>上海</h2>
<h3>上海</h3>
<h4>上海</h4>
<h5>上海</h5>
<h6>上海</h6>
正文

<div>块级布局标签</div>
<span>行内布局标签</span>
<div>块级布局标签</div>

<a href='#'>超链接</a>
<a href="/news/detail">自已写的链接详情</a>
<a target="_blank" href="/news/detail">新标签中的打开自已写的链接详情</a>

<a href="#i3">点击跳转到粉色</a>
<a href="#i1">第一章</a>
<a href="#i2">第二章</a>
<a href="#i3">第三章</a>

<!--锚点：通过i1/i2/i3直接跳转到相应位置http://127.0.0.1:5000/union/xxx#i3-->
<div id="i1" style="height:1000px;background-color:red;"></div>
<div id="i2" style="height:1000px;background-color:green;"></div>
<div id="i3" style="height:1000px;background-color:pink;"></div>

<img src="http://www.chinaunicom.com.cn/images/banner/1news.png" />
<img src="/static/1.png"/>
<div style="height:100px;width:200px;">
    <img style="width:50%" src="/static/1.png"/>
</div>

引用数据库中的数据：{{n1}} {{x2}}


<h2>三大运营列表</h2>
<ul>
    <li>中国联通</li>
    <li>中国电信</li>
    <li>中国移动</li>
</ul>

<h2>一线城市</h2>
<ol>
    <li>上海</li>
    <li>北京</li>
    <li>深圳</li>
</ol>


<table>
    <thead>
    	<tr>  <th>ID</th>   <th>姓名</th>   <th>年龄</th>   </tr>
    </thead>
    <tbody>
    	<tr>   <td>1</td>   <td>武沛齐</td>  <td>19</td>   </tr>
        <tr>   <td>2</td>   <td>武沛齐</td>  <td>19</td>   </tr>
        <tr>   <td>3</td>   <td>武沛齐</td>  <td>19</td>   </tr>
        <tr>   <td>4</td>   <td>武沛齐</td>  <td>19</td>   </tr>
        <tr>   <td>5</td>   <td>武沛齐</td>  <td>19</td>   </tr>
    </tbody>
</table>

<input type="text" />
<input type="password" />
<input type="file" />

男<input type="radio" name="n1" />
女<input type="radio" name="n1" />

篮球<input type="checkbox" />
女足<input type="checkbox" />
乒乓球<input type="checkbox" />


<input type="button" value="登录" />    <!-- -> 普通的按钮-->
<input type="submit" value="注册" />    <!-- -> 提交表单-->


<!--下拉框-->
<select>
    <option>北京</option>
    <option>上海</option>
    <option>深圳</option>
</select>

<select multiple>
    <option>北京</option>
    <option>上海</option>
    <option>深圳</option>
</select>

<!--多行文本-->
<textarea style="width:500px;height:100px;"></textarea>


<form action="/reg" method='get'>
    <div>用户名： <input type='text' placeholder="用户名" name='user' /></div>
    <div>密码： <input type='password' placeholder="密码" name='pwd' /></div>
    <input type="submit" value="注 册" />
</form>

<!--上传的是文件必须用post-->
<form action="/reg2" method='post' enctype="multipart/form-data">
    <div>用户名： <input type='text' placeholder="用户名" name='user' /></div>
    <div>密码： <input type='password' placeholder="密码" name='pwd' /></div>
    <div>
        <input type="file" name="fffff"/>
    </div>
    <input type="submit" value="注 册" />
</form>

<!--css-->
<h1 style='color:red;height:300px' onclick='alert(123)'>弹窗</h1>

</body>
</html>